{% load static %}
<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>恒达科技|{% block title %}{% endblock %} </title>
    <link href="{% static 'css/bootstrap.css' %}" rel="stylesheet">
    <link href="{% static 'css/style.css' %}" rel="stylesheet">
    <script src="{% static 'js/jquery.min.js' %}"></script>
    <script src="{% static 'js/bootstrap.min.js' %}"></script>
</head>

<body>
<div class="container top">
    <div class="row">
        <div class="col-md-6">
            <a>
                <img class="img-responsive" src="{% static 'img/logo.jpg' %}">
            </a>
        </div>
        <div class="col-md-3 hidden-xs">
            <a class="phone ant">
                <span class="glyphicon glyphicon-phone"></span>电话：400 1111 0000 &nbsp; &nbsp;
            </a>
        </div>
        <div class="col-md-3 hidden-xs">
            <a class="mail ant">
                <span class="glyphicon glyphicon-envelope"></span>邮箱：hengda@126.com
            </a>
        </div>
    </div>
</div>

<!-- 导航条 -->
<nav class="navbar navbar-default" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example"
                    aria-expanded="false">
                <span>导航栏</span>
            </button>
        </div>
        <div class="collapse navbar-collapse" id="bs-example">
            <ul class="nav navbar-nav" style="width:100%;">
                <li class="nav-top" id='home'>
                    <a href="{% url 'home' %}">首页</a>
                </li>
                <li class="dropdown nav-top" id='about'>
                    <a href="#" class="dropdown-toggle on" data-toggle="dropdown">
                        公司简介</a>
                    <ul class="dropdown-menu">
                        <li><a href="{% url 'aboutApp:survey' %}">企业概况</a></li>
                        <li><a href="{% url 'aboutApp:honor' %}">荣誉资质</a></li>
                    </ul>
                </li>
                <li class="dropdown nav-top">
                    <a href="#" class="dropdown-toggle on" data-toggle="dropdown">
                        新闻动态</a>
                    <ul class="dropdown-menu">
                        <li><a href="{% url 'newsApp:news' 'company' %}">企业要闻</a></li>
                        <li><a href="{% url 'newsApp:news' 'industry' %}">行业新闻</a></li>
                        <li><a href="{% url 'newsApp:news' 'notice' %}">>通知公告</a></li>
                    </ul>
                </li>
                <li class="dropdown nav-top" id='products'>
                    <a href="#" class="dropdown-toggle on" data-toggle="dropdown">
                        产品中心</a>
                    <ul class="dropdown-menu">
                        <li><a href="{% url 'productsApp:products' 'robot' %}">
                            家用机器人</a></li>
                        <li><a href="{% url 'productsApp:products' 'monitor' %}">
                            智能监控</a></li>
                        <li><a href="{% url 'productsApp:products' 'face' %}">
                            人脸识别解决方案</a></li>
                    </ul>
                </li>
                <li class="dropdown nav-top" id='service'>
                    <a href="#" class="dropdown-toggle on" data-toggle="dropdown">
                        服务支持</a>
                    <ul class="dropdown-menu">
                        <li><a href="{% url 'serviceApp:download' %}">
                            资料下载</a></li>
                        <li><a href="{% url 'serviceApp:platform' %}">
                            人脸识别开放平台</a></li>
                    </ul>
                </li>
                <li class="nav-top" id='science'>
                    <a href="{% url 'scienceApp:science' %}">科研基地</a>
                </li>
                <li class="dropdown nav-top" id='contact'>
                    <a href="#" class="dropdown-toggle on" data-toggle="dropdown">人才招聘</a>
                    <ul class="dropdown-menu">
                        <li><a href="{% url 'contactApp:contact' %}">欢迎咨询</a></li>
                        <li><a href="{% url 'contactApp:recruit' %}">加入恒达</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</nav>

<div class="line"></div>

{% block content %}
{% endblock %}

<div class="row" id="map-footer">
    <div class="col-md-2">
        <dl>
            <dt>公司简介</dt>
            <dd><a href="{% url 'aboutApp:survey' %}">企业概况</a></dd>
            <dd><a href="{% url 'aboutApp:honor' %}">荣誉资质</a></dd>
        </dl>
    </div>
    <div class="col-md-2">
        <dl>
            <dt>产品中心</dt>
            <dd><a href="{% url 'productsApp:products' 'robot' %}">家用机器人</a></dd>
            <dd><a href="{% url 'productsApp:products' 'monitor' %}">智能监控</a></dd>
            <dd><a href="{% url 'productsApp:products' 'face' %}">人脸识别解决方案</a></dd>
        </dl>
    </div>
    <div class="col-md-2">
        <dl>
            <dt>服务支持</dt>
            <dd><a href="{% url 'serviceApp:download' %}">资料下载</a></dd>
            <dd><a href="{% url 'serviceApp:platform' %}">人脸识别开放平台</a></dd>
        </dl>
    </div>
    <div class="col-md-2">
        <dl>
            <dt>人才招聘</dt>
            <dd><a href="{% url 'contactApp:contact' %}">欢迎咨询</a></dd>
            <dd><a href="{% url 'contactApp:recruit' %}">加入恒达</a></dd>
        </dl>
    </div>
    <div class="col-md-4" id="wx">
        <p>扫描二维码，关注我们</p>
        <img class="qrimg" src="{% static 'img/qr.png' %}" alt="wx">
        <p>客服热线：<b style="font-size:20px">400 111 2222</b></p>
    </div>
</div>

<div class="row" id="patent-footer">
    <p> 2019 Python Web 企业门户 版权所有 | 苏 ICP 备19006378 号</p>
</div>


<script>
    $(function () {
        $(".dropdown").mouseover(function () {
            $(this).addClass("open");
        });
        $(".dropdown").mouseleave(function () {
            $(this).removeClass("open");
        });
    });
</script>

<script type="text/JavaScript">
    $('#{{active_menu}}').addClass("active");
</script>

<script type="text/JavaScript">
    $('#{{sub_menu}}').addClass("active");
</script>
</body>

</html>